import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text("你好flutter"),
        ),
        body: const MyApp(),
      ),
    ),
  );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 400,
      color: Colors.yellow,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          const Text("热门搜索"),
          const Divider(
            color: Colors.red,
          ),
          Wrap(
            spacing: 10,
            runSpacing: 0,
            // direction: Axis.vertical,
            // textDirection: TextDirection.rtl,
            // alignment: WrapAlignment.center,
            // runAlignment: WrapAlignment.center,
            children: [
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草1"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草2"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草3"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草4"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草5"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草6"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草7"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草8"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草9"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草10"),
              ),
              OutlinedButton(
                onPressed: () {},
                child: const Text("草草11"),
              ),
            ],
          ),
        ],
      ),
    );
  }
}
